/**
 * 全局样式
 */

.container {
/*  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box; */
} 

button {
  background: initial;
}

button:focus{
  outline: 0;
}

button::after{
  border: none;
}


page {
  background: #f6f6f6;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: medium;
}

.page_msg{
  display: flex;
  text-align: center;
  justify-content: center;
  height: 70rpx;
  line-height: 70rpx;
}

/* 黑色 */
.bg_black{
	background-color: #000000;
}

/* 银色 */
.bg_silver{
	background-color: #c0c0c0;
}

/* 灰色 */
.bg_gray{
	background-color: #808080;
}


/* 白色 */
.bg_white{
	background-color: #ffffff;
}

/* 茶色 */
.bg_maroon{
	background-color: #800000;
}

/* 红色 */
.bg_red{
	background-color: #ff0000;
}

/* 紫色 */
.bg_purple{
	background-color: #800080;
}

/* 紫红色 */
.bg_purple_red{
	background-color: #ff00ff;
}

/* 绿色 */
.bg_green{
	background-color: #008000;
}

/* 亮绿色 */
.bg_light_green{
	background-color: #00FF00;
}

/* 橄榄色 */
.bg_olive{
	background-color: #808000;
}

/* 黄色 */
.bg_yellow{
	background-color: #ffff00;
}

/* 深蓝 */
.bg_navy{
	background-color: #000080;
}

/* 蓝色 */
.bg_blue{
	background-color: #0000ff;
}

/* 青色 */
.bg_teal{
	background-color: #008080;
}

/* 浅绿色 */
.bg_aqua{
	background-color: #00ffff;
}




/* 黑色 */
.font_black{
	color: #000000;
}

/* 银色 */
.font_silver{
	color: #c0c0c0;
}

/* 灰色 */
.font_gray{
	color: #808080;
}


/* 白色 */
.font_white{
	color: #ffffff;
}

/* 茶色 */
.font_maroon{
	color: #800000;
}

/* 红色 */
.font_red{
	color: #ff0000;
}

/* 亮红色 */
.font_lignt_red{
	color: #FF4500;
}


/* 紫色 */
.font_purple{
	color: #800080;
}

/* 紫红色 */
.font_purple_red{
	color: #ff00ff;
}

/* 绿色 */
.font_green{
	color: #008000;
}

/* 亮绿色 */
.font_light_green{
	color: #00FF00;
}

/*  中绿  */
.font_mid_green{
	color: #00AA00;
}

/* 橄榄色 */
.font_olive{
	color: #808000;
}

/* 黄色 */
.font_yellow{
	color: #ffff00;
}

/* 深蓝 */
.font_navy{
	color: #000080;
}

/* 蓝色 */
.font_blue{
	color: #0000ff;
}

/* 青色 */
.font_teal{
	color: #008080;
}

/* 浅绿色 */
.font_aqua{
	color: #00ffff;
}

/*  加粗  */
.font_blod{
	font-weight: bold;
}

/* 1号*/
.font_mini{
	font-size: 14rpx;;
}

/* 2号*/
.font_small{
	font-size: 20rpx;;
}

/* 3号*/
.font_normal{
	font-size: 26rpx;;
}

/* 4号*/
.font_large{
	font-size: 36rpx;;
}

/* 5号*/
.font_super_large{
	font-size: 46rpx;;
}


.padding{
	padding: 10rpx;
}
.padding_left{
	padding-left: 10rpx;
}

.padding_right{
	padding-right: 10rpx;
}

.padding_top{
	padding-top: 10rpx;
}

.padding_bottom{
	padding-bottom: 10rpx;
}


.padding_min{
	padding: 5rpx;
}
.padding_left_min{
	padding-left: 5rpx;
}

.padding_right_min{
	padding-right: 5rpx;
}

.padding_top_min{
	padding-top: 5rpx;
}

.padding_bottom{
	padding-bottom: 10rpx;
}

.padding_large{
	padding: 20rpx;
}
.padding_left_large{
	padding-left: 20rpx;
}

.padding_right_large{
	padding-right: 20rpx;
}

.padding_top_large{
	padding-top: 20rpx;
}

.padding_bottom_large{
	padding-bottom: 20rpx;
}


.margin{
	margin: 10rpx;
}
.margin_left{
	margin-left: 10rpx;
}

.marging_right{
	margin-right: 10rpx;
}

.margin_top{
	margin-top: 10rpx;
}

.margin_bottom{
	margin-bottom: 10rpx;
}


.margin_min{
	margin: 5rpx;
}
.margin_left_min{
	margin-left: 5rpx;
}

.margin_right_min{
	margin-right: 5rpx;
}

.margin_top_min{
	margin-top: 5rpx;
}

.margin_bottom_min{
	margin-bottom: 5rpx;
}

.margin_bottom{
	margin-bottom: 10rpx;
}

.margin_large{
	margin: 20rpx;
}
.margin_left_large{
	margin-left: 20rpx;
}

.margin_right_large{
	margin-right: 20rpx;
}

.margin_top_large{
	margin-top: 20rpx;
}

.margin_bottom_large{
	margin-bottom: 20rpx;
}


.flex{
	display: flex;
}